﻿@model DriveBabyDrive.Models.RegisterModel

@{
    ViewBag.Title = "Register";
}

<p>
    Passwords are required to be a minimum of @Membership.MinRequiredPasswordLength characters in length.
</p>

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

@using (Html.BeginForm()) {
    @Html.ValidationSummary(true, "Account creation was unsuccessful. Please correct the errors and try again.")

    <ul data-role="listview" data-inset="true">
        <li data-role="list-divider">Details</li>
        <li data-role="fieldcontain">
            @Html.LabelFor(m=> m.FirstName)
            @Html.TextBoxFor(m => m.FirstName, new { @type = "text", @placeholder = "First Name:" })
            @Html.ValidationMessageFor(m => m.FirstName)
        </li>
        <li data-role="fieldcontain">
            @Html.LabelFor(m => m.LastName)
            @Html.TextBoxFor(m => m.LastName, new { @type = "text", @placeholder = "Last Name:" })
            @Html.ValidationMessageFor(m => m.LastName)
        </li>
      

        <li data-role="fieldcontain">
            @Html.LabelFor(m => m.Email)
            @Html.TextBoxFor(m => m.Email, new { @type = "email", @placeholder = "Email:"  })
            @Html.ValidationMessageFor(m => m.Email)
        </li>

        <li data-role="fieldcontain">
             @Html.LabelFor(m => m.Password)
            @Html.PasswordFor(m => m.Password, new { @type = "password", @placeholder = "Password:" })
            @Html.ValidationMessageFor(m => m.Password)
        </li>

        <li data-role="fieldcontain">
            @Html.LabelFor(m => m.ConfirmPassword)
            @Html.PasswordFor(m => m.ConfirmPassword, new { @type = "password", @placeholder = "Confirm Password:" })
            @Html.ValidationMessageFor(m => m.ConfirmPassword)
        </li>

        <li data-role="fieldcontain">
            <input type="submit" value="Register" />
        </li>
    </ul>
}
